<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="../../../WEB-INF/plantilla/defecto.xhtml">
	<ui:define name="titulo">Gestionar diferencias</ui:define>
	<ui:define name="contenido">
		<h1>Gestionar diferencias</h1>

		<h:form>
			<!-- <p:panel header="Criterios de b&#250;squeda" toggleable="true"> -->
			<p:accordionPanel>
				<p:tab title="Criterios de b&#250;squeda">
					<div class="filas">
						<div class="mitad">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboTipoRegulacion"
										value="Tipo regularizaci&#243;n:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="cboTipoRegulacion"
											styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgTipoRegulacion"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgTipoRegulacion"
											value="Tipo Regulaci&#243;n" />
									</div>
									<p:message for="cboTipoRegulacion" />
								</div>
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboOpeLog" value="Ope. log. :" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="cboOpeLog" styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgOpeLog"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgOpeLog" value="Ope Log" />
									</div>
									<p:message for="cboOpeLog" />
								</div>
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtFechaInicio" value="Fecha de inicio :" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:calendar id="txtFechaInicio" locale="es"
											pattern="dd/MM/yyyy" onkeypress="agregarSlash(this);"/>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgFechaInicio"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgFechaInicio" value="Fecha de Inicio" />
									</div>
								</div>
								<p:message for="txtFechaInicio" />
							</div>
						</div>
						<div class="mitad">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboEstado" value="Estado :" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="cboEstado" styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgEstado"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgEstado" value="Estado" />
									</div>
								</div>
								<p:message for="cboEstado" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtNumCarta" value="Nº carta :" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtNumCarta" />
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgNumCarta"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgNumCarta" value="Numero de Carta" />
									</div>
								</div>
								<p:message for="txtNumCarta" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtFechaFin" value="Fecha de fin :" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:calendar id="txtFechaFin" locale="es" pattern="dd/MM/yyyy" onkeypress="agregarSlash(this);"/>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgFechaFin"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgFechaFin" value="Fecha Fin" />
									</div>
								</div>
								<p:message for="txtFechaFin" />
							</div>
						</div>
					</div>
					<div class="boton">
						<p:commandButton value="Buscar" icon="ui-icon-search" />
					</div>
					<div style="clear: both;"></div>
					<!-- </p:panel> -->
				</p:tab>
			</p:accordionPanel>
			<h2>Diferencias</h2>
			<p:separator />

			<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
				style="width: 100%" value="#{diferenciaService.lstDiferencia}"
				var="diferencia" scrollable="true" scrollHeight="150">

				<p:column styleClass="checkbox">
					<f:facet name="header">
						<input type="checkbox" name="ch1"> </input>
					</f:facet>
					<input type="checkbox" name="ch4"> </input>
				</p:column>
				<p:column styleClass="codigo">
					<f:facet name="header">
						<h:outputText value="Cod. diferencia" />
					</f:facet>
					<p:commandLink>
						<h:outputText value="#{diferencia.sCodDiferencia}" />
					</p:commandLink>
				</p:column>

				<p:column styleClass="editar">
					<f:facet name="header">
						<h:outputText value="Regularizar" />
					</f:facet>
					<p:commandLink onclick="dlgEditarCarta.show()" title="Editar">
						<h:outputText value="#{diferencia.sRegularizar}" />
					</p:commandLink>
				</p:column>

				<p:column styleClass="codigo">
					<f:facet name="header">
						<h:outputText value="Nº inspecci&#243;n" />
					</f:facet>
					<h:outputText value="#{diferencia.sNumInspeccion}" />
				</p:column>

				<p:column styleClass="operador">
					<f:facet name="header">
						<h:outputText value="Ope. log." />
					</f:facet>
					<h:outputText value="#{diferencia.sOpeLog}" />
				</p:column>

				<p:column styleClass="estado">
					<f:facet name="header">
						<h:outputText value="Estado" />
					</f:facet>
					<h:outputText value="#{diferencia.sEstado}" />
				</p:column>

				<p:column styleClass="cantidad">
					<f:facet name="header">
						<h:outputText value="Indicador" />
					</f:facet>
					<h:graphicImage id="imgArchivo"
						url="../../../presentacion/images/circle-yellow-16.png"></h:graphicImage>

				</p:column>

				<p:column styleClass="fechaHora">
					<f:facet name="header">
						<h:outputText value="Fecha registro" />
					</f:facet>
					<h:outputText value="#{diferencia.sFecRegistro}" />
				</p:column>

				<p:column styleClass="usuario">
					<f:facet name="header">
						<h:outputText value="Usuario registro" />
					</f:facet>
					<h:outputText value="#{diferencia.sUsuRegistro}" />
				</p:column>
				<f:facet name="footer">  
          			 Total registros #{fn:length(diferenciaService.lstDiferencia)}  
        		</f:facet>
			</p:dataTable>
			<div class="opcionesTabla" style="text-align: left;">
				<p:commandButton value="Generar carta" icon="ui-icon-gear"
					onclick="dlgGenerarCartas.show();" />
					<div style="clear: both;"></div>
			</div>

			<h2>Cartas</h2>
			<p:separator />
			<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
				style="width: 100%" value="#{diferenciaService.lstDetalleCarta}"
				var="d" scrollable="true" scrollHeight="150">

				<p:column styleClass="item">
					<f:facet name="header">
						<h:outputText value="Item" />
					</f:facet>
					<h:outputText value="#{d.sItem}" />

				</p:column>
				<p:column styleClass="codigo">
					<f:facet name="header">
						<h:outputText value="C&#243;digo Carta" />
					</f:facet>
					<p:commandLink onclick="alert('Abriendo carta PDF')">
						<h:outputText value="#{d.sCodCarta}" />
					</p:commandLink>
				</p:column>
				<p:column styleClass="receptor">
					<f:facet name="header">
						<h:outputText value="Receptor" />
					</f:facet>
					<h:outputText value="#{d.sReceptor}" />

				</p:column>
				<p:column styleClass="cargo">
					<f:facet name="header">
						<h:outputText value="Cargo" />
					</f:facet>

					<h:outputText value="#{d.sCargo}" />

				</p:column>
				<p:column styleClass="referencia">
					<f:facet name="header">
						<h:outputText value="Referencia" />
					</f:facet>
					<h:outputText value="#{d.sReferencia}" />
				</p:column>
				<p:column styleClass="hora">
					<f:facet name="header">
						<h:outputText value="Plazo (Hr.)" />
					</f:facet>
					<h:outputText value="#{d.sPlazo}" />
				</p:column>
				<p:column styleClass="hora">
					<f:facet name="header">
						<h:outputText value="Tiempo max. (Hr.)" />
					</f:facet>
					<h:outputText value="#{d.sTiempoMax}" />
				</p:column>
				<p:column styleClass="penalidad">
					<f:facet name="header">
						<h:outputText value="Penalidad" />
					</f:facet>
					<h:outputText value="#{d.sPenalidad}" />
				</p:column>
				<p:column styleClass="usuario">
					<f:facet name="header">
						<h:outputText value="Usuario generador" />
					</f:facet>
					<h:outputText value="#{d.sUsuarioGenerador}" />
				</p:column>
				<p:column styleClass="fechaHora">
					<f:facet name="header">
						<h:outputText value="Fecha generaci&#243;n" />
					</f:facet>
					<h:outputText value="#{d.sFechaGeneracion}" />
				</p:column>
				<p:column styleClass="fechaHora">
					<f:facet name="header">
						<h:outputText value="Fecha respuesta" />
					</f:facet>
					<h:outputText value="#{d.sFechaRespuesta}" />
				</p:column>
				<f:facet name="footer">  
          			 Total registros #{fn:length(diferenciaService.lstDetalleCarta)}  
        		</f:facet>
			</p:dataTable>

			<div style="clear: both;"></div>
		</h:form>

		<!-- GESTIONAR DIFERENCIAS -->

		<p:dialog header="Generar carta" widgetVar="dlgGenerarCartas"
			modal="true" width="850" height="500" position="top">
			<h1>Generar carta</h1>
			<h:form>
				<!-- <p:panel header="Datos generales" toggleable="true"> -->
				<p:accordionPanel>
					<p:tab title="Datos generales">
						<div class="filas">
							<div class="mitad">
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtReceptor" value="Receptor:" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtReceptor" />
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgReceptor"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgReceptor" value="Receptor" />
										</div>
									</div>
									<p:message for="txtReceptor" />
								</div>

								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="cboMoneda" value="Moneda :" />
									</div>
									<div class="dostercios">
										<div class="combo">
											<p:selectOneMenu style="width: 100px" id="cboMoneda"
												styleClass="selectOneMenu">
												<f:selectItem itemLabel="Todos" itemValue="" />
												<f:selectItem itemLabel="Option 1" itemValue="1" />
												<f:selectItem itemLabel="Option 2" itemValue="2" />
												<f:selectItem itemLabel="Option 3" itemValue="3" />
											</p:selectOneMenu>
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgMoneda"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgMoneda" value="Moneda" />
										</div>
									</div>
									<p:message for="cboMoneda" />
								</div>
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtPlazo" value="Plazo(Hr):" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtPlazo" />
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgPlazo"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgPlazo" value="Plazo" />
										</div>
									</div>
									<p:message for="txtPlazo" />
								</div>
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtReferencia" value="Referencia :" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtReferencia" />
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgReferencia"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgReferencia" value="Referencia" />
										</div>
									</div>
									<p:message for="txtReferencia" />
								</div>

							</div>
							<div class="mitad">
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtCargo" value="Cargo:" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtCargo" />
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgCargo"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgCargo" value="Cargo" />
										</div>
									</div>
									<p:message for="txtCargo" />
								</div>
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtPenalidad" value="Penalidad :" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtPenalidad" />
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgPenalidad"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgPenalidad" value="Penalidad" />
										</div>
									</div>
									<p:message for="txtPenalidad" />
								</div>
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtTiempoMaximo"
											value="Tiempo m&#225;ximo(Hr):" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtTiempoMaximo" />
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgTiempoMaximo"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgTiempoMaximo" value="Tiempo M&#225;ximo" />
										</div>
									</div>
									<p:message for="txtTiempoMaximo" />
								</div>
							</div>
						</div>
						<div class="boton"></div>
						<div style="clear: both;"></div>
						<!-- </p:panel> -->
					</p:tab>
				</p:accordionPanel>

				<h2>Detalle de productos</h2>
				<p:separator />

				<div class="scrollTabla">
					<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
						style="width: 100%" var="producto"
						value="#{productoService.lstProducto}">
						<p:column styleClass="item">
							<f:facet name="header">
								<h:outputText value="Item" />
							</f:facet>
							<h:outputText value="001" />
						</p:column>
						<p:column styleClass="codigo">
							<f:facet name="header">
								<h:outputText value="Cod. BBVA" />
							</f:facet>
							<h:outputText value="PQ256" />
						</p:column>

						<p:column styleClass="codigo">
							<f:facet name="header">
								<h:outputText value="Cod. ope. log." />
							</f:facet>
							<h:outputText value="#{producto.sOpeLog}" />
						</p:column>


						<p:column styleClass="departamento">
							<f:facet name="header">
								<h:outputText value="Departamento" />
							</f:facet>
							<h:outputText value="#{producto.sDepartamento}" />
						</p:column>


						<p:column styleClass="campanya">
							<f:facet name="header">
								<h:outputText value="Campaña" />
							</f:facet>
							<h:outputText value="#{producto.sCampanya}" />
						</p:column>

						<p:column styleClass="premio">
							<f:facet name="header">
								<h:outputText value="Premio" />
							</f:facet>
							<h:outputText value="#{producto.sPremio}" />
						</p:column>
						<p:column styleClass="feria">
							<f:facet name="header">
								<h:outputText value="Feria" />
							</f:facet>
							<h:outputText value="#{producto.sFeria}" />
						</p:column>

						<p:column styleClass="producto">
							<f:facet name="header">
								<h:outputText value="Producto" />
							</f:facet>
							<h:outputText value="#{producto.sProducto}" />
						</p:column>

						<p:column styleClass="tipoNoConformidad">
							<f:facet name="header">
								<h:outputText value="Tipo no conf." />
							</f:facet>
							<h:outputText value="#{producto.sTipoNoConformidad}" />
						</p:column>
						<p:column styleClass="cantidad">
							<f:facet name="header">
								<h:outputText value="Stock sistema" />
							</f:facet>
							<h:outputText value="#{producto.iStockSistema}" />
						</p:column>
						<p:column styleClass="cantidad">
							<f:facet name="header">
								<h:outputText value="Stock f&#237;sico" />
							</f:facet>
							<h:outputText value="#{producto.iStockFisico}" />
						</p:column>
						<p:column styleClass="cantidad">
							<f:facet name="header">
								<h:outputText value="Diferencia" />
							</f:facet>
							<h:outputText value="#{producto.iDiferencia}" />
						</p:column>
						<p:column styleClass="Observaciones">
							<f:facet name="header">
								<h:outputText value="Observaciones" />
							</f:facet>
							<p:inputTextarea disabled="true" styleClass="observacion" />
						</p:column>
						<f:facet name="footer">  
          			 Total registros #{fn:length(productoService.lstProducto)}  
        		</f:facet>
					</p:dataTable>

				</div>
				<div style="clear: both;"></div>
				<br />
				<div class="opcionesTabla"
					style="text-align: left; padding-bottom: 10px;">
					<p:commandButton value="Generar" icon="ui-icon-gear" />
					<div style="clear: both;"></div>
				</div>
			</h:form>
			<div style="clear: both;"></div>
		</p:dialog>

		<p:dialog header="Editar detalle diferencias"
			widgetVar="dlgEditarCarta" modal="true" width="800" position="top">
			<h:form>
				<h2>Detalle de productos</h2>
				<p:separator />
				<div class="scrollTabla">
					<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
						style="width: 100%"
						value="#{diferenciaService.lstDetalleProducto}" var="d">
						<p:column styleClass="checkbox">
							<f:facet name="header">
								<input type="checkbox" name="ch1"> </input>
							</f:facet>
							<input type="checkbox" name="ch4"> </input>
						</p:column>
						<p:column headerText="Item" styleClass="item">
							<h:outputText value="#{d.sItem}" />
						</p:column>

						<p:column headerText="Cod. BBVA" styleClass="codigo">
							<h:outputText value="#{d.sCodBBVA}" />
						</p:column>

						<p:column headerText="Cod. ope. log." styleClass="codigo">
							<h:outputText value="#{d.sCodOL}" />
						</p:column>

						<p:column headerText="Departamento" styleClass="departamento">
							<h:outputText value="#{d.sDepartamento}" />
						</p:column>

						<p:column headerText="Campaña" styleClass="campanya">
							<h:outputText value="#{d.sCampanya}" />
						</p:column>

						<p:column styleClass="premio">
							<f:facet name="header">
								<h:outputText value="Premio" />
							</f:facet>
							<h:outputText value="#{d.sPremio}" />
						</p:column>

						<p:column styleClass="feria">
							<f:facet name="header">
								<h:outputText value="Feria" />
							</f:facet>
							<h:outputText value="#{d.sFeria}" />
						</p:column>

						<p:column styleClass="producto">
							<f:facet name="header">
								<h:outputText value="Producto" />
							</f:facet>
							<h:outputText value="#{d.sProducto}" />
						</p:column>
						<p:column styleClass="tipoNoConformidad">
							<f:facet name="header">
								<h:outputText value="Tipo no conf." />
							</f:facet>
							<h:outputText value="#{d.sTipoNoConf}" />
						</p:column>
						<p:column styleClass="diferencia">
							<f:facet name="header">
								<h:outputText value="Diferencia" />
							</f:facet>
							<h:outputText value="#{d.sDiferencia}" />
						</p:column>
						<p:column styleClass="tipoRegistro">
							<f:facet name="header">
								<h:outputText value="Tipo reg." />
							</f:facet>
							<h:outputText value="#{d.sTipoReg}" />
						</p:column>
						<p:column headerText="Estado" styleClass="estado">
							<p:commandLink value="Regularizado"
								onclick="dlgSeguimiento.show()" />
						</p:column>
						<p:column styleClass="Observaciones">
							<f:facet name="header">
								<h:outputText value="Observaciones" />
							</f:facet>
							<h:inputTextarea styleClass="observacion" disabled="true" />
						</p:column>

						<f:facet name="footer">
							<div class="tercio">Total registros
								#{fn:length(productoService.lstProducto)}</div>
						</f:facet>

					</p:dataTable>
				</div>
				<div class="opcionesTabla" style="text-align: left;">
					<div class="dostercios" style="width: 47%">
						<div class="tercio">
							<h:outputLabel for="cboTipoRegularizacion"
								value="Tipo Regularizaci&#243;n:" />
						</div>
						<div class="tercio">
							<p:selectOneMenu id="cboTipoRegularizacion"
								styleClass="selectOneMenu" style="width:100%">
								<f:selectItem itemLabel="Todos" itemValue="" />
								<f:selectItem itemLabel="Option 1" itemValue="1" />
								<f:selectItem itemLabel="Option 2" itemValue="2" />
								<f:selectItem itemLabel="Option 3" itemValue="3" />
							</p:selectOneMenu>
						</div>
						<div class="tercio" style="padding-left: 10px;">
							<p:commandButton value="Guardar" icon="ui-icon-document" />
						</div>
					</div>
					<div style="clear: both;"></div>
				</div>
			</h:form>
		</p:dialog>

		<p:dialog header="Seguimiento" widgetVar="dlgSeguimiento" modal="true"
			position="top" width="795">
			<h:form>
				<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
					style="width: 100%" value="#{diferenciaService.lstDetalleProducto}"
					var="d">

					<p:column headerText="Item" styleClass="item">
						<h:outputText value="#{d.sItem}" />
					</p:column>

					<p:column headerText="Estado" styleClass="estado">
						<h:outputText value="#{d.sEstado}" />
					</p:column>

					<p:column headerText="Tipo de Regularizaci&#243;n"
						styleClass="tipoRegulacion">
						<h:outputText value="#{d.sTipoReg}" />
					</p:column>

					<p:column headerText="Fecha de Registro" styleClass="fechaHora">
						<h:outputText value="10/01/2011" />
					</p:column>

					<p:column headerText="Usuario de Registro" styleClass="usuario">
						<h:outputText value="p12345 SANTOS" />
					</p:column>
					<f:facet name="footer">  
          			 Total registros #{fn:length(diferenciaService.lstDetalleProducto)}  
        		</f:facet>
				</p:dataTable>

				<div style="clear: both;"></div>
			</h:form>
		</p:dialog>

	</ui:define>

</ui:composition>